<template>
  <div class="app-container home">
    <div class="main">
      欢迎使用~
      <div class="row-a1">
        <!-- <el-row>
          <el-col :span="6">
            <div>
              <el-statistic group-separator="," :precision="2" :value="100" title="测所任务执行结果"></el-statistic>
            </div>
          </el-col>
          <el-col :span="6">
            <div>
              <el-statistic title="执行完成的任务">
                <template v-slot="formatter"> 100  200 </template>
              </el-statistic>
            </div>
          </el-col>
          <el-col :span="6">
            <div>
              <el-statistic group-separator="," :precision="2" decimal-separator="." :value="200" title="错误信息">
                <template slot="prefix">
                  <i class="el-icon-s-flag" style="color: red"></i>
                </template>
                <template slot="suffix">
                  <i class="el-icon-s-flag" style="color: blue"></i>
                </template>
              </el-statistic>
            </div>
          </el-col>
          <el-col :span="6">
            <div>
              <el-statistic :value="like ? 521 : 520" title="Feedback">
                <template v-slot="suffix">
                  <span @click="like = !like" class="like">
                    <i class="el-icon-star-on" style="color:red" v-show="!!like"></i>
                    <i class="el-icon-star-off" v-show="!like"></i>
                  </span>
                </template>
              </el-statistic>
            </div>
          </el-col>
        </el-row> -->
      </div>
    </div>
  </div>
</template>
<script setup>
import { onMounted } from 'vue';
onMounted(() => {
})
</script>

<style scoped lang="scss">
.row-a1 {
  width: 100%;
  height: 100px;
}
</style>

